<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex redemptDetails_flex_0" :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between redemptDetails_fd0_0'>
					<view class='flex flex-wrap align-center redemptDetails_fd0_0_c0' @tap.stop="handleJumpDiy"
						data-type="back" data-url="1">
						<text class='fu-iconfont2  redemptDetails_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-center'>
						<text class='redemptDetails_fd0_0_c1_c0'>订单详情</text>
					</view>
					<view class='flex align-center justify-end redemptDetails_fd0_0_c2'>
					</view>
				</view>
			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---订单flex布局开始-->
			<view class="flex flex-direction align-stretch benben-flex-layout redemptDetails_flex_1">
				<view class='flex align-center redemptDetails_fd1_0'>
					<view class='flex flex-direction flex-wrap align-stretch flex-sub'>
						<!-- <block v-if="dataDetails.is_lp == 0 && dataDetails.order_type==2">
							<text class='redemptDetails_fd1_0_c0_c0_1'
								style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;">预售待付尾款</text>
						</block>
						<block v-else>
							<text class='redemptDetails_fd1_0_c0_c0' v-if="dataDetails.status=='0'">订单待付款</text>
							<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
								class='redemptDetails_fd1_0_c0_c0_1' v-if="dataDetails.status=='1'">订单待发货</text>
							<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
								class='redemptDetails_fd1_0_c0_c0_1' v-if="dataDetails.status=='2'">待取货</text>
							<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
								class='redemptDetails_fd1_0_c0_c0_1' v-if="dataDetails.status=='3'">订单待评价</text>
							<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
								class='redemptDetails_fd1_0_c0_c0_1' v-if="dataDetails.status=='4'">订单已完成</text>
							<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
								class='redemptDetails_fd1_0_c0_c0_1' v-if="dataDetails.status=='-1'">订单已关闭</text>
						</block> -->
						
						<block v-if="dataDetails.refund_status=='-1' || dataDetails.refund_status=='0'">
							<view class='order_title'>
								<view class='order_title_1'>售后中</view>
								<view class="order_title_2">等待平台处理</view>
							</view>
							<view class="operate_1">
								<view class="operate_item" @tap.stop="openApplicationmm">
									<image :src='STATIC_URL+"16.png"' mode="aspectFill"></image>
									<view class="operate_item_2">撤销申请</view>
								</view>
							</view>
						</block>
						<block v-if="dataDetails.refund_status=='1'">
							<view class='order_title'>
								<view class='order_title_1'>售后已完成</view>
								<view class="order_title_2">退款成功</view>
							</view>
							<view class="operate_1">
								<view class="operate_item" @tap.stop="popupShow1698292523708=true">
									<image :src='STATIC_URL+"15.png"' mode=""></image>
									<view class="operate_item_1">删除订单</view>
								</view>
							</view>
						</block>
						<block v-if="dataDetails.refund_status=='2'">
							<view class='order_title'>
								<view class='order_title_1'>售后失败</view>
								<view class="order_title_2">原因：{{dataDetails.reject_reason}}</view>
							</view>
							<view class="operate_1">
								<view class="operate_item" @tap.stop="popupShow1698292523708=true">
									<image :src='STATIC_URL+"15.png"' mode=""></image>
									<view class="operate_item_1">删除订单</view>
								</view>
							</view>
						</block>
						<!-- <view class='flex align-center redemptDetails_fd1_0_c0_c2'
							v-if="dataDetails.status=='2'">
							<view class='redemptDetails_fd1_0_c0_c2_c0'>还剩</view>
							<benben-countdown class=' redemptDetails_fd1_0_c0_c1_c1' :show-day='true' :time-type='false'
								:count-time="dataDetails.take_over_time">
								<template #default="{ d, h, i, s }">
									<text>{{d}}</text>

									<text>天</text>

									<text>{{h}}</text>

									<text>:</text>

									<text>{{i}}</text>

									<text>:</text>

									<text>{{s}}</text>

									<text></text>
								</template>
							</benben-countdown>
							<text class='redemptDetails_fd1_0_c0_c2_c0'
								style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;">自动确认</text>
						</view> -->
						<!-- <text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
							class='redemptDetails_fd1_0_c0_c3' v-if="dataDetails.status=='3'">您的评价将会给其他买家参考</text> -->
						<!-- <view style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
							class='flex flex-wrap align-center redemptDetails_fd1_0_c0_c4'
							v-if="Date.now()/1000 >= dataDetails.lp_start_time_int && dataDetails.lp_end_time_int>=Date.now()/1000">
							<text class='redemptDetails_fd1_0_c0_c2_c0'>尾款支付时间 :</text>
							<text class='redemptDetails_fd1_0_c0_c2_c0'>{{dataDetails.lp_start_time}}</text>
							<text class='redemptDetails_fd1_0_c0_c2_c0'>-</text>
							<text class='redemptDetails_fd1_0_c0_c2_c0'>{{dataDetails.lp_end_time}}</text>
						</view> -->
					</view>
					<!-- <image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"290.png"'
						v-if="dataDetails.status=='0'"></image>
					<image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"291.png"'
						v-else-if="dataDetails.status=='1'"></image>
					<image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"292.png"'
						v-else-if="dataDetails.status=='2'"></image>
					<image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"293.png"'
						v-else-if="dataDetails.status=='3'"></image>
					<image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"294.png"'
						v-else-if="dataDetails.status=='4'"></image>
					<image class='redemptDetails_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"290.png"'
						v-else-if="dataDetails.order_type==2"></image> -->
				</view>
				<!-- <view class='flex flex-wrap align-center redemptDetails_fd1_1'>
					<image class='redemptDetails_fd1_1_c0' mode="aspectFit" :src='STATIC_URL+"681.png"'></image>
					<view class='flex flex-direction flex-wrap align-stretch flex-sub redemptDetails_fd1_1_c1'>
						<view class='flex flex-wrap align-center'>
							<text class='redemptDetails_fd1_1_c1_c0_c0'
								style="font-family: PingFang SC, PingFang SC;">{{dataDetails.label_name}}</text>
							<text class='redemptDetails_fd1_1_c1_c0_c1'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">{{dataDetails.receiver_name}}</text>
							<text class='redemptDetails_fd1_1_c1_c0_c2'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">(</text>
							<text style="font-family: Source Han Sans CN, Source Han Sans CN;"
								class='redemptDetails_fd1_1_c1_c0_c2' v-if=" dataDetails.sex=='1'">先生</text><text
								style="font-family: Source Han Sans CN, Source Han Sans CN;"
								class='redemptDetails_fd1_1_c1_c0_c3_1' v-if=" dataDetails.sex!='1'">女士</text>
							<text class='redemptDetails_fd1_1_c1_c0_c2'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">)</text>
							<text class='redemptDetails_fd1_1_c1_c0_c5'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">{{dataDetails.receiver_mobile}}</text>
						</view>
						<view class='flex flex-wrap align-center redemptDetails_fd1_1_c1_c1'>
							<view class='flex-sub' style="font-family: Source Han Sans CN, Source Han Sans CN;">
								<text class='redemptDetails_fd1_1_c1_c1_c0_c0'>{{dataDetails.province}}</text>
								<text class='redemptDetails_fd1_1_c1_c1_c0_c0'>{{dataDetails.city}}</text>
								<text class='redemptDetails_fd1_1_c1_c1_c0_c0'>{{dataDetails.district}}</text>
								<text class='redemptDetails_fd1_1_c1_c1_c0_c3'>{{dataDetails.address}}</text>
							</view>
						</view>
					</view>
					<image class='redemptDetails_fd1_1_c2' mode="aspectFit" :src='STATIC_URL+"466.png"'></image>
				</view> -->
				
				
				<view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd1_10'>
					<view style="margin-bottom: 24rpx;" v-if="dataDetails.refund_status == 1 || dataDetails.refund_status == 2 || dataDetails.refund_status == 3 || dataDetails.refund_status == 4">
						<!-- <view class='flex flex-wrap align-center detailsRefund_fd1_10_c2' style="margin-top: 0;">
							<text class='detailsRefund_fd1_1_c3_c1_c0'>退款金额</text>
							<text class='detailsRefund_fd1_1_c3_c2_c1'>{{dataDetails.ref_price}}</text>
						</view> -->
						<view class='flex flex-wrap align-center detailsRefund_fd1_10_c2' style="margin-top: 0;">
							<text class='detailsRefund_fd1_1_c3_c1_c0'>退款账户</text>
							<text class='detailsRefund_fd1_1_c3_c2_c1'>{{dataDetails.ref_way}}</text>
						</view>
						<view class='flex flex-wrap align-center detailsRefund_fd1_10_c2'>
							<text class='detailsRefund_fd1_1_c3_c1_c0'>退款时间</text>
							<text class='detailsRefund_fd1_1_c3_c2_c1'>{{dataDetails.ref_time}}</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center detailsRefund_fd1_10_c0'>
						<view class='flex flex-wrap align-center detailsRefund_fd1_1_c3_c0_c0'>
						</view>
						<text class='detailsRefund_fd1_1_c3_c0_c1'>退款信息</text>
					</view>
					<!-- <view class='flex flex-wrap align-center detailsRefund_fd1_10_c2'>
						<text class='detailsRefund_fd1_1_c3_c1_c0'>{{$t('服务类型')}}</text>
						<text class='detailsRefund_fd1_1_c3_c2_c1'>{{dataDetails.refund_type_txt}}</text>
					</view> -->
					<view class='flex flex-wrap align-center detailsRefund_fd1_10_c2'>
						<text class='detailsRefund_fd1_1_c3_c1_c0'>{{$t('退款原因')}}</text>
						<text class='detailsRefund_fd1_1_c3_c2_c1'>{{dataDetails.apply_reason}}</text>
					</view>
					<view class='flex flex-wrap align-center detailsRefund_fd1_10_c2'>
						<text class='detailsRefund_fd1_1_c3_c1_c0'>{{$t('退款金额')}}</text>
						<text class='detailsRefund_fd1_1_c3_c2_c1'>￥{{dataDetails.refund_price}}</text>
					</view>
					<view class='flex flex-wrap align-center detailsRefund_fd1_10_c2'>
						<text class='detailsRefund_fd1_1_c3_c1_c0'>{{$t('退款说明')}}</text>
						<text class='detailsRefund_fd1_1_c3_c2_c1'>{{dataDetails.refund_reason}}</text>
					</view>
					<view class='flex flex-wrap align-start detailsRefund_fd1_1_c3_c1'>
						<text class='detailsRefund_fd1_10_c6_c0'>{{$t('退款凭证')}}</text>
						<view class='flex flex-wrap align-center flex-sub'>
							<template v-for='(item,key0) in dataDetails.refund_image'>
								<view class='flex flex-wrap align-center detailsRefund_fd1_10_c6_c1_c0' :key='key0'>
									<image class='detailsRefund_fd1_10_c6_c1_c0_c0' mode="aspectFill" :src='item'
										@tap.stop="multiImagePreview(item,dataDetails.refund_image,'')"></image>
								</view>
							</template>
						</view>
					</view>
					<!-- <view class='flex flex-wrap align-center detailsRefund_fd1_10_c2'>
						<text class='detailsRefund_fd1_1_c3_c1_c0'>{{$t('申请时间')}}</text>
						<text class='detailsRefund_fd1_1_c3_c2_c1'>{{dataDetails.create_time}}</text>
					</view>
					<view class='flex flex-wrap align-center detailsRefund_fd1_10_c2'>
						<text class='detailsRefund_fd1_1_c3_c1_c0'>{{$t('退款编号')}}</text>
						<text class='detailsRefund_fd1_10_c5_c1'>{{dataDetails.refund_order_sn}}</text>
						<text class='detailsRefund_fd1_10_c5_c2'
							@tap.stop="copyText(dataDetails.refund_order_sn)">复制</text>
					</view> -->
				</view>
				
				
				
				<view class="reserve">
					<view class="reserve_tips">预留信息</view>
					<view class="reserve_view">
						<view class="reserve_view_1">预留电话</view>
						<view class="reserve_view_2">{{dataDetails.receiver_mobile}}</view>
					</view>
				</view>

				<view class='flex flex-direction flex-wrap align-stretch redemptDetails_fd1_2'>
					<template v-for="(item, index) in dataDetails.goods_info">
						<view class='flex flex-direction align-stretch redemptDetails_fd1_2_c0' :key="index">
							<view class='flex align-stretch redemptDetails_fd1_2_c0_c0' @tap="handleJumpDiy"
								data-type="navigateTo"
								:data-url="`/pages/grzx/merchanDisedetails/merchanDisedetails?id=${item.goods_id}`">
								<image class='redemptDetails_fd1_2_c0_c0_c0' mode="aspectFill" :src='item.goods_thumb'>
								</image>
								<view class='flex flex-direction align-stretch flex-sub redemptDetails_fd1_2_c0_c0_c1'>
									<text class='redemptDetails_fd1_2_c0_c0_c1_c0'
										style="font-family: Source Han Sans CN, Source Han Sans CN;">{{item.goods_name}}</text>
									<text class='redemptDetails_fd1_2_c0_c0_c1_c1'
										style="font-family: Source Han Sans CN, Source Han Sans CN;">{{item.sku_name}}</text>
									<view class='flex flex-wrap align-center justify-between'>
										<view class='flex flex-wrap align-center'>
											<text class='redemptDetails_fd1_2_c0_c0_c1_c2_c0_c0'
												style="font-family: SF Pro Text, SF Pro Text;">￥</text>
											<text class=' redemptDetails_fd1_2_c0_c0_c1_c2_c0_c1'
												style="font-family: SF Pro Text, SF Pro Text;">
												<text
													class=' redemptDetails_price1_fd1_2_c0_c0_c1_c2_c0_c1'>{{ item.shop_price | frontPrice }}</text>
												<text
													class=' redemptDetails_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ item.shop_price | laterPrice }}</text>
											</text>
										</view>
										<view class='flex flex-wrap align-center redemptDetails_fd1_2_c0_c0_c1_c2_c1'
											style="font-family: SF Pro Text, SF Pro Text;">
											<text>x</text>
											<text>{{item.num}}</text>
										</view>
									</view>
								</view>
							</view>
						</view>
					</template>

					<view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c1'>
						<text class='redemptDetails_fd1_2_c1_c0'
							style="font-family: Source Han Sans CN, Source Han Sans CN;">商品总额</text>
						<text class='redemptDetails_fd1_2_c1_c1' style="font-family: SF Pro Text, SF Pro Text;">￥</text>
						<text class=' redemptDetails_fd1_2_c1_c2' style="font-family: SF Pro Text, SF Pro Text;">
							<text
								class=' redemptDetails_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.payable_money | frontPrice }}</text>
							<text
								class=' redemptDetails_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.payable_money | laterPrice }}</text>
						</text>
					</view>
					<view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c2'
						v-if="dataDetails.coupon_money!='0.00'">
						<text class='redemptDetails_fd1_2_c1_c0'
							style="font-family: Source Han Sans CN, Source Han Sans CN;">优惠券</text>
						<text class='redemptDetails_fd1_2_c1_c1' style="font-family: SF Pro Text, SF Pro Text;">-</text>
						<text class='redemptDetails_fd1_2_c1_c1' style="font-family: SF Pro Text, SF Pro Text;">￥</text>
						<text class='redemptDetails_fd1_2_c1_c1'
							style="font-family: SF Pro Text, SF Pro Text;">{{dataDetails.coupon_money}}</text>
					</view>
					<!-- <view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c2'>
						<text class='redemptDetails_fd1_2_c1_c0'
							style="font-family: Source Han Sans CN, Source Han Sans CN;">运费</text>
						<text style="font-family: SF Pro Text, SF Pro Text;" class='redemptDetails_fd1_2_c1_c1'
							v-if=" dataDetails.freight_money>money">￥</text><text
							style="font-family: Source Han Sans CN, Source Han Sans CN;"
							class='redemptDetails_fd1_2_c1_c1' v-if=" dataDetails.freight_money==money">包邮</text>
						<text style="font-family: SF Pro Text, SF Pro Text;" class='redemptDetails_fd1_2_c1_c2'
							v-if=" dataDetails.freight_money>money">
							<text
								class=' redemptDetails_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.freight_money | frontPrice }}</text>
							<text
								class=' redemptDetails_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.freight_money | laterPrice }}</text>
						</text>
					</view> -->
					<view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c2'
						v-if=" dataDetails.discount_money>money">
						<text class='redemptDetails_fd1_2_c1_c0'
							style="font-family: Source Han Sans CN, Source Han Sans CN;">会员折扣</text>
						<text class='redemptDetails_fd1_2_c1_c1'
							style="font-family: SF Pro Text, SF Pro Text;">-￥</text>
						<text class='redemptDetails_fd1_2_c1_c1'
							style="font-family: SF Pro Text, SF Pro Text;">{{dataDetails.discount_money}}</text>
					</view>
					<view class='flex flex-wrap align-center justify-end redemptDetails_fd1_2_c5'
						style="align-items: baseline;">
						<!-- <text style="font-family: Source Han Sans CN, Source Han Sans CN;"
							class='redemptDetails_fd1_2_c5_c0' v-if="dataDetails.status<'1'">应付款</text> -->
						<text
							style="font-family: Source Han Sans CN, Source Han Sans CN;"
							class='redemptDetails_fd1_2_c5_c0'>实付款</text>
						<text style="font-family: SF Pro Text, SF Pro Text;" class='redemptDetails_fd1_2_c5_c1'>￥</text>
						<text style="font-family: SF Pro Text, SF Pro Text;" class='redemptDetails_fd1_2_c5_c2'>
							<text
								class=' redemptDetails_price1_fd1_2_c5_c2'>{{ dataDetails.payable_money | frontPrice }}</text>
							<text
								class=' redemptDetails_price2_fd1_2_c5_c2'>{{ dataDetails.payable_money | laterPrice }}</text>
						</text>
					</view>
					<view class='flex flex-direction align-stretch justify-end redemptDetails_fd1_2_c5'
						v-if="dataDetails.is_lp == 0 && dataDetails.order_type==2">
						<view class='flex align-center justify-end redemptDetails_fd1_2_c6_c0'>
							<text class='redemptDetails_fd1_2_c5_c0'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">已付定金</text>
							<text class='redemptDetails_fd1_2_c5_c1'
								style="font-family: SF Pro Text, SF Pro Text;">￥</text>
							<text class='redemptDetails_fd1_2_c5_c2' style="font-family: SF Pro Text, SF Pro Text;">
								<text
									class=' redemptDetails_price1_fd1_2_c5_c2'>{{ dataDetails.deposit_money | frontPrice }}</text>
								<text
									class=' redemptDetails_price2_fd1_2_c5_c2'>{{ dataDetails.deposit_money | laterPrice }}</text>
							</text>
						</view>
						<view class='flex align-center justify-end'>
							<text class='redemptDetails_fd1_2_c5_c0'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">待付尾款</text>
							<text class='redemptDetails_fd1_2_c5_c1'
								style="font-family: SF Pro Text, SF Pro Text;">￥</text>
							<text class='redemptDetails_fd1_2_c5_c2' style="font-family: SF Pro Text, SF Pro Text;">
								<text
									class=' redemptDetails_price1_fd1_2_c5_c2'>{{ dataDetails.residue_money | frontPrice }}</text>
								<text
									class=' redemptDetails_price2_fd1_2_c5_c2'>{{ dataDetails.residue_money | laterPrice }}</text>
							</text>
						</view>
					</view>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch redemptDetails_fd1_3'>
					<view class='flex flex-wrap align-center redemptDetails_fd1_3_c0'>
						<!-- <view class='flex  redemptDetails_fd1_3_c0_c0'></view> -->
						<text class='redemptDetails_fd1_3_c0_c1'>订单信息</text>
					</view>
					<view class='flex justify-between redemptDetails_fd1_2_c0_c0'>
						<text class='redemptDetails_fd1_3_c1_c0'>订单备注</text>
						<text class='flex-sub redemptDetails_fd1_3_c1_c1'
							v-if="dataDetails.remark!=''">{{dataDetails.remark}}</text>
						<text class='flex-sub redemptDetails_fd1_3_c1_c1' v-if="dataDetails.remark==''">无</text>
					</view>
					<view class='flex justify-between redemptDetails_fd1_3_c2'>
						<text class='redemptDetails_fd1_2_c0_c0_c1_c2_c1'>订单编号</text>
						<view class="flex align-center">
							<text class='redemptDetails_fd1_3_c2_c1'>{{dataDetails.order_sn}}</text>
							<text class='redemptDetails_fd1_3_c2_c2' @tap.stop="copyText(dataDetails.order_sn)">复制</text>
						</view>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch'>
						<view class='flex justify-between align-center redemptDetails_fd1_2_c0_c0'>
							<text class='redemptDetails_fd1_3_c3_c0_c0'>下单时间</text>
							<text class='redemptDetails_fd1_1_c1_c1_c0_c3'>{{dataDetails.create_time}}</text>
						</view>
						<view class='flex justify-between align-center redemptDetails_fd1_2_c0_c0'>
							<text class='redemptDetails_fd1_3_c3_c0_c0'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">支付时间</text>
							<text class='redemptDetails_fd1_1_c1_c1_c0_c3'
								style="font-family: SF Pro Text, SF Pro Text;">{{dataDetails.pay_time}}</text>
						</view>
						<view class='flex justify-between align-center redemptDetails_fd1_2_c0_c0'>
							<text class='redemptDetails_fd1_3_c3_c0_c0'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">支付方式</text>
							<text class='redemptDetails_fd1_3_c3_c2_c1'
								style="font-family: Source Han Sans CN, Source Han Sans CN;">微信支付</text>
							<!-- 	v-if="dataDetails.pay_type=='wechat'"
							<text
								class='redemptDetails_fd1_3_c3_c2_c1'
								v-if="dataDetails.pay_type=='alipay'"
							>支付宝支付</text><text
								class='redemptDetails_fd1_3_c3_c2_c1'
								v-if="dataDetails.pay_type=='balance'"
							>余额支付</text><text
								class='redemptDetails_fd1_3_c3_c2_c1'
								v-if="dataDetails.pay_type=='offline_pay'"
							>线下支付</text> -->
						</view>
						<view class='flex justify-between align-center redemptDetails_fd1_2_c0_c0'>
							<text class='redemptDetails_fd1_3_c3_c0_c0'>支付金额</text>
							<view class="flex align-center">
								<text class='redemptDetails_fd1_3_c3_c1_c1'>￥</text>
								<text class=' redemptDetails_fd1_3_c3_c1_c2'>
									<text
										class=' redemptDetails_price1_fd1_3_c3_c1_c2'>{{ dataDetails.payable_money | frontPrice }}</text>
									<text
										class=' redemptDetails_price1_fd1_3_c3_c1_c2'>{{ dataDetails.payable_money | laterPrice }}</text>
								</text>
							</view>
						</view>
						
						
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-end redemptDetails_fd1_4' style="display: none;">
					<button open-type="contact" class="flex align-center justify-center"
						style="background-color: transparent;margin-right: auto;">
						<image class='detailsRefund_fd1_11_c0' mode="aspectFit" :src='STATIC_URL+"304.png"'></image>
						<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
							class='detailsRefund_fd1_11_c1'>{{$t('联系平台')}}</text>
					</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c0' @tap.stop="popupShow1657247297312=true"
						v-if="dataDetails.status=='0'">取消订单</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c0_1' @tap.stop="ismultipackageFunc()"
						v-if="dataDetails.status=='2'">查看物流</button>
					<!-- <button
						class='redemptDetails_fd1_4_c1'
						@tap.stop="popupShow1679650134928=true"
						v-if="dataDetails.btn_list.apply_invoice=='1'"
					>申请开票</button> -->
					<!-- <button
						class='redemptDetails_fd1_4_c1_1'
						@tap.stop="handleJumpDiy"
						data-type="navigateTo"
						:data-url="`/?order_id=${order_id}`"
						v-if="dataDetails.btn_list.view_invoice=='1'"
					>查看发票</button> -->

					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c1_1' @tap.stop="deleteOrderFunc()"
						v-if="in_array(dataDetails.status,'4,6,-1')">删除订单</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/xitongs/offerPay/offerPay?order_sn=${dataDetails.order_sn}&order_type=${dataDetails.order_type}`"
						v-if="dataDetails.status=='0'">去付款</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c2_1' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/xitongs/offerPay/offerPay?order_sn=${dataDetails.order_sn}&order_type=${dataDetails.order_type}`"
						v-if="dataDetails.is_lp == 0 && dataDetails.order_type==2 && Date.now()/1000 >= dataDetails.lp_start_time_int && dataDetails.lp_end_time_int>=Date.now()/1000">支付尾款</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c2' @tap.stop="remindShopFunc()"
						v-if="dataDetails.status=='1' && dataDetails.is_remind==0">提醒发货</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c2_1'
						v-if="dataDetails.status=='1' && dataDetails.is_remind==1">已提醒</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c2' @tap.stop="confirmReceiptFunc()"
						v-if="dataDetails.status=='2'">确认收货</button>
					<button style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
						class='redemptDetails_fd1_4_c2_1' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/ddgl/evaluation/evaluation?order_sn=${dataDetails.order_sn}`"
						v-if="dataDetails.status=='3'">评价</button>
				</view>
			</view>

			<!---订单flex布局结束-->
			<benben-popup v-model="popupShow1657247297312" :mask="true" :mask-close-able="true" mode='bottom'>
				<!---取消订单flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout redemptDetails_flex_2">
					<view class='flex flex-direction flex-wrap align-stretch redemptDetails_fd2_0'>
						<view class='flex flex-wrap align-center justify-between redemptDetails_fd2_0_c0'>
							<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
								class='redemptDetails_fd2_0_c0_c0' @tap.stop="popupShow1657247297312=false">取消</text>
							<text class='redemptDetails_fd2_0_c0_c1'
								style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;">取消订单</text>
							<text style="font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;"
								class='redemptDetails_fd2_0_c0_c2' @tap.stop="cancelOrderFunc()">确定</text>
						</view>
						<view class='flex flex-wrap align-center redemptDetails_fd2_0_c1'
							style="font-family: Source Han Sans CN, Source Han Sans CN;">
							<text class='redemptDetails_fd2_0_c1_c0'>请选择取消订单原因</text>
						</view>

						<scroll-view class='redemptDetails_fd2_0_c2' :scroll-y='true'>
							<view class='flex flex-direction align-stretch benben-scroll flex'>
								<benben-select-diy ref="showSelectPopup1693558527060"
									class-name='flex flex-direction flex' :items.sync="dataMessage" v-model="cancel_id"
									default-type="aid" default-label="reason" :allow-cancel='true' type="radio"
									:disabled='false'>
									<template v-for='(item,key0) in dataMessage'>
										<view v-if="item.isSelected"
											class='flex justify-between flex redemptDetails_fd2_0_c2_c0_c0' :key="key0"
											@tap="$refs.showSelectPopup1693558527060.tapHandle(key0)">
											<text
												style="font-family: Source Han Sans CN, Source Han Sans CN;">{{item.reason}}</text>
											<image class='redemptDetails_fd2_0_c2_c0_c0_c1' mode="aspectFit"
												:src='STATIC_URL+"682.png"'></image>
										</view>
										<view v-else class='flex justify-between flex redemptDetails_fd2_0_c2_c0_c0'
											:key="key0" @tap="$refs.showSelectPopup1693558527060.tapHandle(key0)">
											<text
												style="font-family: Source Han Sans CN, Source Han Sans CN;">{{item.reason}}</text>
											<image class='redemptDetails_fd2_0_c2_c0_c0_c1' mode="aspectFit"
												:src='STATIC_URL+"289.png"'></image>
										</view>
									</template></benben-select-diy>
							</view>
						</scroll-view>

					</view>
				</view>

				<!---取消订单flex布局结束-->

			</benben-popup>
			
			
			<benben-popup v-model="popupShow1698292523708" :mask="true" :mask-close-able="true" mode='center'>
				<!---删除历史记录弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-center search_flex_2">
					<text class='search_fd2_0'>提示</text>
					<text class='search_fd2_1'>是否删除订单？</text>
					<view class='flex flex-wrap align-center search_fd2_2'>
						<button class='search_fd2_2_c0' @tap.stop="popupShow1698292523708=false">取消</button>
						<button class='search_fd2_2_c1' @tap.stop="deleteOrderFunc()">确认</button>
					</view>
				</view>
			</benben-popup>
			<benben-popup v-model="popupShow1698292523709" :mask="true" :mask-close-able="true" mode='center'>
				<!---删除历史记录弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-center search_flex_2">
					<text class='search_fd2_0'>提示</text>
					<text class='search_fd2_1'>确认撤销申请？</text>
					<view class='flex flex-wrap align-center search_fd2_2'>
						<button class='search_fd2_2_c0' @tap.stop="popupShow1698292523709=false">取消</button>
						<button class='search_fd2_2_c1' @tap.stop="applicationmmFunc()">确认</button>
					</view>
				</view>
			</benben-popup>
		</view>
	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'
	export default {
		components: {},


		data() {
			return {
				"popupShow1698292523708": false,
				"popupShow1698292523709": false,
				"popupShow1679650134928": false,
				"popupShow1657247297312": false,
				"cut": "1",
				"cancel_id": "",
				"dataDetails": {
					order_goods: [],
					"aid": "",
					"order_sn": "",
					"order_money": "",
					"payable_money": "",
					"coupon_id": "",
					"coupon_money": "",
					"send_time": "",
					"receive_time": "",
					"pay_time": "",
					"discount_money": "",
					"create_time": "",
					"pay_type": "",
					"status": "",
					"pay_type_str": "",
					"order_info": {
						"receiver_mobile": "",
						"receiver_address": "",
						"receiver_name": "",
						"remark": "",
						"province": "",
						"city": "",
						"district": "",
						"sex": "",
						"label_name": "",
						"express_price": "",
						"pickup_code": "",
						"pickup_img": ""
					},
					"order_goods_list": [],
					"shop_info": {
						"aid": "",
						"store_name": "",
						"store_logo": "",
						"store_logo_id": ""
					},
					"btn_list": {
						"cancel_order": "",
						"go_pay": "",
						"remind_send": "",
						"remind_already": "",
						"apply_invoice": "",
						"view_invoice": "",
						"apply_refund": "",
						"view_logistics": "",
						"confirm_receive": "",
						"evaluate": "",
						"delete_order": "",
						"pay_balance": ""
					},
					"is_multiple_package": "",
					"order_type": "",
					"advance_sn": "",
					"usermerchant_id": "",
					"discount_str": "",
					"surplus_receive_time": "",
					"group_info": {
						"join_timeout": "",
						"activity_status": "",
						"group_members_nums": "",
						"join_number": "",
						"status_txt": ""
					},
					"group_user": [],
					"real_money": "",
					"cancel_surplus_second": "",
					"balance_payment_stime": "",
					"balance_payment_etime": "",
					"receive_surplus_time": "",
					"goods_total": "",
					"pay_status": "",
					"final_order_sn": "",
					"balance_money": ""
				},
				"dataMessage": [],
				"invoiceData": [],
				"invoice_id": "",
				"text": "shenqingchengg",
				"money": 0,
				"order_id": "1026",
				"order_sn": "",
				"type": ""
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			let {
				goods_id,
				order_sn,
				type
			} = options
			if (goods_id !== undefined) this.goods_id = goods_id
			if (order_sn !== undefined) this.order_sn = order_sn
			// if (type !== undefined) this.type = type
			// this.order_sn = options.order_sn;
			// this.goods_id = options.goods_id;
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			this.getDetailFunc()
			this.getCancelTypeFunc()
			// this.queryHeadipFunc()
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//跳转售后详情
			gotoreturnFunc(view_refund_list, refund_id) {
				if (view_refund_list == '1') {
					this.$urouter.navigateTo(`/pages/ddgl/detailsRefund/detailsRefund?id=${refund_id}`);
				} else {
					this.$urouter.navigateTo(`/pages/ddgl/order/order?type=6`);
				}
			},
			//预下单-查询发票抬头
			async queryHeadipFunc() {
				//请求方法
				//数据验证

				let datainvoiceData = await this.$api.post(global.apiUrls.post641848d371e2f, {

				});

				if (datainvoiceData.data.code != 1) {
					this.$message.info(datainvoiceData.data.msg);
					return
				}
				let infoinvoiceData = datainvoiceData.data;
				this.invoiceData = infoinvoiceData.data
			},
			//使用发票
			async isokfapiaoFunc() {
				//请求方法
				//数据验证

				let data641ebe3244065 = await this.$api.post(global.apiUrls.post641ebe3244065, {
					order_id: this.order_id,
					invoice_header_id: this.invoice_id
				});

				if (data641ebe3244065.data.code != 1) {
					this.$message.info(data641ebe3244065.data.msg);
					return
				}


				this.$message.info('开票成功');
				this.popupShow1679650134928 = false;
				this.invoice_id = '';
				this.getDetailFunc()
			},
			//删除订单
			async deleteOrderFunc() {
				//请求方法
				//数据验证
				this.popupShow1698292523708 = false;
				let data6447c3b69f234 = await this.$api.post(`/${this.apiFix}/6551a8f261450`, {
					order_sn: this.order_sn
				});

				if (data6447c3b69f234.data.code != 1) {
					this.$message.info(data6447c3b69f234.data.msg);
					return
				}


				this.$message.info('删除成功');
				uni.$emit('shenqingchengg', this.text)
				setTimeout(() => {
					this.$urouter.navigateBack(1);
				}, 500)
			},
			//订单-售后详情
			async getDetailFunc() {
				//请求方法
				//数据验证

				let datadataDetails = await this.$api.post(`/${this.apiFix}/6555d0ecc2611`, {
					order_sn: this.order_sn,
					goods_id: this.goods_id,
				});
				
				if (datadataDetails.data.code != 1) {
					this.$message.info(datadataDetails.data.msg);
					return
				}
				let infodataDetails = datadataDetails.data;
				this.dataDetails = infodataDetails.data
			},
			openApplicationmm() {
				this.popupShow1698292523709 = true;
			},
			//售后-取消申请
			async applicationmmFunc() {
				//请求方法
				//数据验证
				this.popupShow1698292523709 = false;
				let data6427d9581deed = await this.$api.post(`/${this.apiFix}/6555d10571819`, {
					order_sn: this.order_sn,
					goods_id: this.goods_id,
				});
			
				if (data6427d9581deed.data.code != 1) {
					this.$message.info(data6427d9581deed.data.msg);
					return
				}
				uni.$emit('shenqingchenggss', this.text)
				this.$message.info(data6427d9581deed.data.msg);
				setTimeout(() => {
					uni.navigateBack();
				}, 800)
			},
			
			//取消订单
			async cancelOrderFunc() {
				if (!validate(this.cancel_id, 'require')) {
					this.$message.info('请选择取消原因');
					return false;
				}
				//请求方法
				//数据验证

				let data62cb8b8438141 = await this.$api.post(`/${this.apiFix}/6544e0bc5399a`, {
					order_id: this.dataDetails.aid,
					return_id: this.cancel_id,
					order_sn: this.order_sn,
					reason_id: this.cancel_id,
				});

				if (data62cb8b8438141.data.code != 1) {
					this.$message.info(data62cb8b8438141.data.msg);
					return
				}

				this.popupShow1657247297312 = false;
				this.$message.info('取消成功');
				uni.$emit('shenqingchengg', this.text)
				this.getDetailFunc()
			},
			//获取取消订单状态
			async getCancelTypeFunc() {
				//请求方法
				//数据验证

				let datadataMessage = await this.$api.post(`/${this.apiFix}/6544e0aa22b04`, {
					type: '2',
					list_rows: '30'
				});

				if (datadataMessage.data.code != 1) {
					this.$message.info(datadataMessage.data.msg);
					return
				}
				let infodataMessage = datadataMessage.data;
				this.dataMessage = (infodataMessage.data || []).map(item => {
					return {
						...item,
						reason: item.title
					}
				})
			},
			//提现发货
			async remindShopFunc() {
				//请求方法
				//数据验证

				let data62bec4f86725d = await this.$api.post(`/${this.apiFix}/6551a9f97eea5`, {
					order_sn: this.order_sn
				});

				if (data62bec4f86725d.data.code != 1) {
					this.$message.info(data62bec4f86725d.data.msg);
					return
				}


				this.$message.info('提醒成功');
				uni.$emit('shenqingchengg', this.text)
				this.getDetailFunc()
			},
			//确认收货
			async confirmReceiptFunc() {
				//请求方法
				//数据验证

				let data64218bff49e61 = await this.$api.post(`/${this.apiFix}/6544e0d6e23e4`, {
					order_sn: this.order_sn
				});

				if (data64218bff49e61.data.code != 1) {
					this.$message.info(data64218bff49e61.data.msg);
					return
				}


				this.$message.info('收货成功');
				uni.$emit('shenqingchengg', this.text)
				this.getDetailFunc()
			},
			//是否多包裹
			ismultipackageFunc() {
				// if (this.dataDetails.is_multiple_package == '1') {
				// 	this.$urouter.navigateTo(`/pages/ddgl/packages/packages?order_id=${this.dataDetails.aid}&order_goods_express_id=&id=`);
				// } else {
				// 	this.$urouter.navigateTo(`/pages/ddgl/logisticsCheck/logisticsCheck?order_id=${this.dataDetails.aid}&order_goods_express_id=&id=`);
				// }
				this.$urouter.navigateTo(
					`/pages/ddgl/logisticsCheck/logisticsCheck?order_sn=${this.order_sn}&order_id=${this.dataDetails.aid}&order_goods_express_id=&id=`
				);
			}
		}
	};
</script>
<style lang="scss" scoped>
	.order_title {
		.order_title_1 {
			font-size: 40rpx;
			font-weight: 500;
		}
		.order_title_2 {
			font-size: 28rpx;
			color: #999999;
			margin-top: 16rpx;
		}
	}
	.operate {
		display: flex;
		justify-content: space-between;
		border-top: 1rpx solid #eee;
		padding: 25rpx 170rpx 0;
		margin-top: 32rpx;
		.operate_item {
			text-align: center;
			image {
				width: 40rpx;
				height: 40rpx;
				margin-bottom: 8rpx;
			}
			.operate_item_1 {
				font-size: 20rpx;
				font-weight: 500;
				color: #333;
			}
			.operate_item_2 {
				font-size: 20rpx;
				font-weight: 500;
				color: #F35D2A;
			}
		}
	}
	.operate_1 {
		display: flex;
		justify-content: center;
		border-top: 1rpx solid #eee;
		padding: 25rpx 170rpx 0;
		margin-top: 32rpx;
		.operate_item {
			text-align: center;
			image {
				width: 40rpx;
				height: 40rpx;
				margin-bottom: 8rpx;
			}
			.operate_item_1 {
				font-size: 20rpx;
				font-weight: 500;
				color: #333;
			}
			.operate_item_2 {
				font-size: 20rpx;
				font-weight: 500;
				color: #F35D2A;
			}
		}
	}
	.reserve {
		background: #fff;
		border-radius: 16rpx;
		padding: 32rpx 24rpx;

		.reserve_tips {
			font-weight: 600;
			font-size: 28rpx;
		}

		.reserve_view {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 32rpx;

			.reserve_view_1 {
				color: #666666;
				font-size: 28rpx;
			}

			.reserve_view_2 {
				color: #333;
				font-size: 28rpx;
			}
		}
	}
	
	.search_flex_2 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
	}
	
	.search_fd2_2_c1 {
		background: transparent;
		line-height: 90rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: #F35D2A;
		width: 269rpx;
		height: 90rpx;
	}
	
	.search_fd2_2_c0 {
		border-right: 1px solid #EEEEEE;
		background: transparent;
		line-height: 90rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: #999;
		height: 90rpx;
		width: 270rpx;
	}
	
	.search_fd2_2 {
		border-top: 1px solid #eee;
	}
	
	.search_fd2_1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		margin: 48rpx 0rpx 60rpx 0rpx;
	}
	
	.search_fd2_0 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 600;
		line-height: 45rpx;
	}
	
	.detailsRefund_fd1_10_c6_c1_c0_c0 {
		width: 160rpx;
		height: 160rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	
	.detailsRefund_fd1_10_c6_c1_c0 {
		margin: 0rpx 13rpx 20rpx 0rpx;
	}
	
	.detailsRefund_fd1_10_c6_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
		margin: 0rpx 40rpx 0rpx 0rpx;
	}
	
	.detailsRefund_fd1_10_c5_c2 {
		font-size: 24rpx;
		font-weight: 400;
		color: var(--benbenFontColor4);
		margin: 0rpx 0rpx 0rpx 24rpx;
		line-height: 33rpx;
	}
	
	.detailsRefund_fd1_10_c5_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 40rpx;
		line-height: 33rpx;
	}
	
	.detailsRefund_fd1_10_c2 {
		margin: 24rpx 13rpx 0rpx 0rpx;
	}
	
	.detailsRefund_fd1_10_c1_c1_c2_c2 {
		margin: 0rpx 0rpx 0rpx auto;
	}
	
	.detailsRefund_price2_fd1_10_c1_c1_c2_c1 {
		font-size: 32rpx;
	}
	
	.detailsRefund_fd1_10_c1_c1_c2_c1 {
		color: var(--benbenFontColor7);
		font-weight: 700;
		line-height: 40rpx;
		font-size: 32rpx;
	}
	
	.detailsRefund_fd1_10_c1_c1_c2_c0 {
		line-height: 40rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: var(--benbenFontColor7);
	}
	
	.detailsRefund_fd1_10_c1_c1_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
		line-height: 33rpx;
		margin: 8rpx 0rpx 36rpx 0rpx;
	}
	
	.detailsRefund_fd1_10_c1_c1_c0 {
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		line-height: 42rpx;
	}
	
	.detailsRefund_fd1_10_c1_c1 {
		margin: 0rpx 0rpx 0rpx 16rpx;
	}
	
	.detailsRefund_fd1_10_c1_c0 {
		width: 200rpx;
		height: 200rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	
	.detailsRefund_fd1_10_c1 {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding: 24rpx 0rpx 24rpx 0rpx;
		margin: 0rpx 13rpx 0rpx 0rpx;
	}
	
	.detailsRefund_fd1_10_c0 {
		// border-bottom: 1px solid rgba(238, 238, 238, 1);
		font-size: 28rpx;
		font-weight: 600;
	}
	
	.detailsRefund_fd1_10 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 11rpx 32rpx 24rpx;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}
	.detailsRefund_fd1_10_c6_c1_c0_c0 {
		width: 160rpx;
		height: 160rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	
	.detailsRefund_fd1_10_c6_c1_c0 {
		margin: 0rpx 13rpx 20rpx 0rpx;
	}
	
	.detailsRefund_fd1_10_c6_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
		margin: 0rpx 40rpx 0rpx 0rpx;
	}
	.detailsRefund_fd1_1_c3_c1_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 64rpx;
	}
	
	.detailsRefund_fd1_1_c3_c1_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}
	
	.detailsRefund_fd1_1_c3_c1 {
		margin: 24rpx 0rpx 0rpx 0rpx;
	}
	.detailsRefund_fd1_1_c3_c2_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 32rpx;
	}
	
	
	
	
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background-size: 100% auto;
		background-color: #F8F8F8;
	}

	.redemptDetails_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
		background-color: #F35D2A;
	}

	.redemptDetails_fd0_0_c2 {
		padding: 0rpx 0rpx 0rpx 0rpx;
		width: 200rpx;
	}

	.redemptDetails_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 400;
		color: #fff;
	}

	.redemptDetails_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #fff;
		font-weight: 500;
	}

	.redemptDetails_fd0_0_c0 {
		width: 200rpx;
	}

	.redemptDetails_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 88rpx;
	}

	.redemptDetails_flex_1 {
		padding: 5rpx 24rpx 32rpx 24rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_4_c2_1 {
		background: #AD3823;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		font-size: 24rpx;
		color: #fff;
		width: 170rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_4_c2 {
		background: #AD3823;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		font-size: 24rpx;
		color: #fff;
		width: 170rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_4_c1_1 {
		background: var(--benbenbgColor5);
		border-radius: 30rpx 30rpx 30rpx 30rpx;
		font-size: 24rpx;
		color: #333;
		width: 170rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_4_c1 {
		border: 1px solid #BFBFBF;
		background: var(--benbenbgColor5);
		border-radius: 30rpx 30rpx 30rpx 30rpx;
		font-size: 24rpx;
		color: #333;
		width: 170rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_4_c0_1 {
		background: var(--benbenbgColor5);
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		font-size: 24rpx;
		color: #333;
		width: 170rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_4_c0 {
		border: 1px solid #BFBFBF;
		background: var(--benbenbgColor5);
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		font-size: 24rpx;
		color: #333;
		width: 170rpx;
		height: 60rpx;
		line-height: 60rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_4 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		position: fixed;
		bottom: calc(0rpx + var(--window-bottom));
		width: 750rpx;
		height: 88rpx;
		left: 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_3_c3_c2_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 150rpx;
	}

	.redemptDetails_price1_fd1_3_c3_c1_c2 {
		font-size: 24rpx;
	}

	.redemptDetails_fd1_3_c3_c1_c2 {
		color: #333;
		font-weight: 400;
		font-size: 24rpx;
	}

	.redemptDetails_fd1_3_c3_c1_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
	}

	.redemptDetails_fd1_3_c3_c0_c0 {
		margin: 0rpx 72rpx 0rpx 0rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.redemptDetails_fd1_3_c2_c2 {
		width: 74rpx;
		height: 36rpx;
		background: #FFFFFF;
		border-radius: 4rpx;
		border: 1rpx solid #59A6F4;
		font-size: 24rpx;
		font-weight: 400;
		color: #59A6F4;
		text-align: center;
	}

	.redemptDetails_fd1_3_c2_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 20rpx 0rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.redemptDetails_fd1_3_c2 {
		line-height: 34rpx;
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_3_c1_c1 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 40rpx;
		text-align: right;
	}

	.redemptDetails_fd1_3_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 0rpx 72rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_3_c0_c1 {
		font-size: 28rpx;
		font-weight: 600;
		color: #333333;
	}

	.redemptDetails_fd1_3_c0_c0 {
		background: #AD3823;
		width: 8rpx;
		height: 30rpx;
		margin: 0rpx 15rpx 0rpx 0rpx;
		transform: scaleX(0.5);
	}

	.redemptDetails_fd1_3_c0 {
		border-bottom: 1px solid #eee;
		padding: 0rpx 0rpx 24rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_3 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
		margin: 12rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_2_c6_c0 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.redemptDetails_fd1_2_c5_c2_1 {
		color: #F02325;
		font-weight: 700;
		font-size: 22rpx;
	}

	.redemptDetails_price2_fd1_2_c5_c2 {
		font-size: 20rpx;
	}

	.redemptDetails_price1_fd1_2_c5_c2 {
		font-size: 32rpx;
	}

	.redemptDetails_fd1_2_c5_c2 {
		color: #F02325;
		font-weight: 700;
		font-size: 22rpx;
	}

	.redemptDetails_fd1_2_c5_c1 {
		font-size: 20rpx;
		font-weight: 700;
		color: var(--benbenFontColor6);
	}

	.redemptDetails_fd1_2_c5_c0 {
		font-size: 24rpx;
		font-weight: 500;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_2_c5 {
		border-top: 1px solid #eee;
		padding: 32rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_2_c2 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.redemptDetails_fd1_2_c1_c2 {
		color: #333333;
		font-weight: 700;
		font-size: 28rpx;
		line-height: 42rpx;
	}

	.redemptDetails_fd1_2_c1_c1 {
		font-size: 28rpx;
		font-weight: 700;
		color: #333333;
		line-height: 42rpx;
	}

	.redemptDetails_fd1_2_c1_c0 {
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 0rpx auto 0rpx 0rpx;
	}

	.redemptDetails_fd1_2_c1 {
		margin: 32rpx 0rpx 32rpx 0rpx;
	}

	.redemptDetails_fd1_2_c0_c2_c0 {
		background: var(--benbenbgColor5);
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		font-size: 24rpx;
		color: #333;
		width: 220rpx;
		height: 56rpx;
	}

	.redemptDetails_fd1_2_c0_c1_c0 {
		background: var(--benbenbgColor5);
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		font-size: 24rpx;
		color: #333;
		width: 144rpx;
		height: 56rpx;
	}

	.redemptDetails_fd1_2_c0_c1 {
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_2_c0_c0_c1_c2_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.redemptDetails_price2_fd1_2_c0_c0_c1_c2_c0_c1 {
		font-size: 28rpx;
	}

	.redemptDetails_price1_fd1_2_c0_c0_c1_c2_c0_c1 {
		font-size: 32rpx;
	}

	.redemptDetails_fd1_2_c0_c0_c1_c2_c0_c1 {
		color: #F02325;
		font-weight: 600;
	}

	.redemptDetails_fd1_2_c0_c0_c1_c2_c0_c0 {
		color: #F02325;
		font-size: 20rpx;
		font-weight: 700;
		line-height: 30rpx;
		margin: 4rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_2_c0_c0_c1_c1 {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
		margin: 8rpx 0rpx auto 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-height: 33rpx;
	}

	.redemptDetails_fd1_2_c0_c0_c1_c0 {
		font-size: 28rpx;
		font-weight: 600;
		color: #333333;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-height: 42rpx;
	}

	.redemptDetails_fd1_2_c0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 34rpx;
	}

	.redemptDetails_fd1_2_c0_c0_c0 {
		width: 200rpx;
		height: 200rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.redemptDetails_fd1_2_c0_c0 {
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_2_c0 {
		border-bottom: 1px solid #eee;
		padding: 0rpx 0rpx 32rpx 0rpx;
	}

	.redemptDetails_fd1_2 {
		background: #fff;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
		background-size: 100% auto !important;
		margin: 24rpx 0rpx 12rpx 0rpx;
	}

	.redemptDetails_fd1_1_c2 {
		width: 14rpx;
		height: 26rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_1_c1_c1_c0_c3 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
	}

	.redemptDetails_fd1_1_c1_c1_c0_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 5rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_1_c1_c1 {
		margin: 19rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_1_c1_c0_c5 {
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 16rpx;
		line-height: 40rpx;
	}

	.redemptDetails_fd1_1_c1_c0_c3_1 {
		font-size: 24rpx;
		font-weight: 700;
	}

	.redemptDetails_fd1_1_c1_c0_c2 {
		font-size: 32rpx;
		font-weight: 700;
	}

	.redemptDetails_fd1_1_c1_c0_c1 {
		font-size: 32rpx;
		font-weight: 700;
		color: #333333;
		margin: 0rpx 0rpx 0rpx 16rpx;
		max-width: 200rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-height: 40rpx;
	}

	.redemptDetails_fd1_1_c1_c0_c0 {
		border: 1px solid #62889B;
		background: rgba(98, 136, 155, 0.08);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		padding: 1rpx 16rpx 0rpx 16rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #62889B;
	}

	.redemptDetails_fd1_1_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.redemptDetails_fd1_1_c0 {
		width: 60rpx;
		height: 60rpx;
	}

	.redemptDetails_fd1_1 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 32rpx 0rpx 12rpx 0rpx;
		padding: 40rpx 21rpx 40rpx 24rpx;
	}

	.redemptDetails_fd1_0_c1 {
		width: 140rpx;
		height: 140rpx;
	}

	.redemptDetails_fd1_0_c0_c4 {
		margin: 8rpx 0rpx 0rpx 0rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.redemptDetails_fd1_0_c0_c3 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 8rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd1_0_c0_c2_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.redemptDetails_fd1_0_c0_c2 {
		margin: 8rpx 0rpx 0rpx 0rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #fff;
	}

	.redemptDetails_fd1_0_c0_c1_c1 {
		background: #FFFFFF;
		color: #FF3707;
		font-size: 28rpx;
	}

	.redemptDetails_fd1_0_c0_c1_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #999;
	}

	.redemptDetails_fd1_0_c0_c1 {
		margin: 8rpx 0rpx 0rpx 0rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.redemptDetails_fd1_0_c0_c0_1 {
		font-size: 32rpx;
		font-weight: 700;
		color: #FFFFFF;
	}

	.redemptDetails_fd1_0_c0_c0 {
		font-size: 40rpx;
		font-weight: 500;
		color: #333;
	}

	.redemptDetails_fd1_0 {
		padding: 24rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin: 20rpx 0;
	}

	.redemptDetails_flex_2 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	.redemptDetails_fd2_0_c2_c0_c0_c1 {
		width: 36rpx;
		height: 36rpx;
	}

	.redemptDetails_fd2_0_c2_c0_c0 {
		padding: 20rpx 0rpx 20rpx 0rpx;
	}

	.redemptDetails_fd2_0_c2 {
		touch-action: none;
		width: 686rpx;
		max-height: 40vh;
		margin: 0rpx auto 40rpx auto;
	}

	.redemptDetails_fd2_0_c1_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		padding: 25rpx 24rpx 25rpx 24rpx;
	}

	.redemptDetails_fd2_0_c1 {
		background: #F8F8F8;
	}

	.redemptDetails_fd2_0_c0_c2 {
		font-size: 32rpx;
		font-weight: 400;
		color: #AD3823;
		line-height: 40rpx;
	}

	.redemptDetails_fd2_0_c0_c1 {
		font-size: 40rpx;
		font-weight: 400;
		color: #333333;
	}

	.redemptDetails_fd2_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 400;
		color: #999999;
		line-height: 40rpx;
	}

	.redemptDetails_fd2_0_c0 {
		padding: 32rpx 32rpx 32rpx 32rpx;
	}

	.redemptDetails_fd2_0 {
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	.redemptDetails_flex_3 {
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		padding: 41rpx 24rpx 40rpx 24rpx;
	}

	.redemptDetails_fd3_3 {
		background: var(--benbenbgColor5);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: rgba(102, 102, 102, 1);
		width: 686rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 0rpx 8rpx 0rpx 8rpx;
	}

	.redemptDetails_fd3_2 {
		background: #AD3823;
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: var(--benbenFontColor3);
		width: 686rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin: 56rpx 8rpx 24rpx 8rpx;
	}

	.redemptDetails_fd3_1_c1_c0 {
		width: 400rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd3_1_c1 {
		width: 100%;
		padding: 50rpx 0rpx 50rpx 0rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c1_c1_c1 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 0rpx 0rpx 12rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c1_c1_c0 {
		width: 30rpx;
		height: 30rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c1_c0_c1 {
		margin: 8rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c1_c0_c0_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c1_c0_c0_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c0_c2_c0_1 {
		color: #B82441;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c0_c2_c0 {
		color: var(--benbenFontColor5);
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c0_c2 {
		background: var(--benbenbgColor8);
		margin: 0rpx 0rpx 0rpx auto;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		padding: 0rpx 8rpx 0rpx 8rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c0_c1 {
		width: 64rpx;
		height: 33rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.redemptDetails_fd3_1_c0_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd3_1_c0_c0 {
		background: #F8F8F8;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 32rpx 32rpx 32rpx;
		margin: 32rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd3_1 {
		touch-action: none;
		height: 40vh;
		width: 702rpx;
	}

	.redemptDetails_fd3_0_c3 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		position: absolute;
		top: -16rpx;
		right: 0rpx;
	}

	.redemptDetails_fd3_0_c1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 50rpx;
		margin: 0rpx 24rpx 0rpx 24rpx;
	}

	.redemptDetails_fd3_0_c0 {
		width: 32rpx;
		height: 10rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.redemptDetails_fd3_0 {
		position: relative;
	}

	.detailsRefund_fd1_11_c0 {
		width: 32rpx;
		height: 32rpx;
	}

	.detailsRefund_fd1_11_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 33rpx;
		margin: 0rpx auto 0rpx 10rpx;
	}
</style>